<script setup>

</script>

<template>
  <div class="common-layout">
    <el-container>
      <el-header>智能学习辅助系统</el-header>
      <el-container>
        <el-aside width="200px">
          <el-scrollbar>
            <el-menu :default-openeds="['1', '3']">
              <el-sub-menu index="1">
                <template #title>
                  <el-icon>
                    <Menu/>
                  </el-icon>
                  班级学员管理
                </template>
                <el-menu-item-group>
                  <el-menu-item index="1-1">
                    <el-icon>
                      <CirclePlusFilled/>
                    </el-icon>
                    <router-link to="/classes">班级管理</router-link>
                  </el-menu-item>
                  <el-menu-item index="1-2">
                    <el-icon>
                      <CirclePlusFilled/>
                    </el-icon>
                    <router-link to="/student">学员管理</router-link>
                  </el-menu-item>
                </el-menu-item-group>
              </el-sub-menu>
              <el-sub-menu index="2">
                <template #title>
                  <el-icon>
                    <Menu/>
                  </el-icon>
                  系统信息管理
                </template>
                <el-menu-item-group>
                  <el-menu-item index="2-1">
                    <router-link to="/dept">
                      <el-icon>
                        <CirclePlusFilled/>
                      </el-icon>
                      部门管理
                    </router-link>
                  </el-menu-item>
                  <el-menu-item index="2-2">
                    <router-link to="/emp">
                      <el-icon>
                        <CirclePlusFilled/>
                      </el-icon>
                      员工管理
                    </router-link>
                  </el-menu-item>
                </el-menu-item-group>
              </el-sub-menu>
              <el-sub-menu index="3">
                <template #title>
                  <el-icon>
                    <Menu/>
                  </el-icon>
                  数据统计管理
                </template>
                <el-menu-item-group>
                  <el-menu-item index="3-1">
                    <el-icon>
                      <CirclePlusFilled/>
                    </el-icon>
                    <router-link to="/statistics">员工信息统计</router-link>
                  </el-menu-item>
                </el-menu-item-group>
              </el-sub-menu>
            </el-menu>
          </el-scrollbar>
        </el-aside>

        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

